<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>:: Perfil ${usuario.nombre} ::</title>
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="script/validar1.js"></script>
<script type="text/javascript" src="script/validar2.js"></script>

</head>

<body>
  <div id="wrapper">
    
<div id="header">
      <div id="logo">
        <p></p>
      </div>
      <div id="nav">
         <ul class="menu">
              <li class="sub"><a href="#" class="update">Opciones<comment></comment></a>
		<ins><table><tr><td><ul>
			<li><a href="modificarUsuario.html?ux=${usuario.idUsuario}">Modificar Datos</a></li>
			<li><a href="desactivarUsuario.html?ux=${usuario.idUsuario}">Opciones de Cuenta</a></li>
            <li><a href="rest.html?ux=${usuario.idUsuario}">REST</a></li>
                        <li><a href="home.html?ux=null">Cerrar Sesión</a></li>
		</ul></td></tr></table></ins>
        </li>
          <li><a href="misSolicitudes.html?ux=${usuario.idUsuario}&soli=0"> Solicitudes</a></li>
         <li><a href="miPerfilhayTour.html?ux=${usuario.idUsuario}"> Perfil ${usuario.username}</a></li>
         </ul>
      </div>
      <div id="gallery">
        <ul>
          <li class="gwomen"><a href="http://www.freewebsitetemplates.com">Viajes</a></li>
          <li class="gkids"><a href="http://www.freewebsitetemplates.com">Aventuras</a></li>
          <li class="gmen"><a href="http://www.freewebsitetemplates.com">Amigos</a></li>
        </ul>
      </div>
    </div>
    <div id="body">
      <div id="categories">
       <img name="Login" src="images/ImagenLogin.jpg"/>
      </div>
      <div id="seasonal">
        <div class="inner">
               <h2>Desactivación de Cuenta</h2>
          <form id="forma3" name="forma3" method="post"  onSubmit="javascript:return validar1()" action="desactivarUsuario.html" >
              <div id="transparencia">
			<div id="transparenciaMensaje"></div>
		</div>
            <table width="443" border="0">
                        <tr>
                            <td width="41%">&nbsp;</td>
                              <td width="427">

              <tr>
                                        <td width="41%" valign="top"><div align="right" class="style3"><strong>Correo</strong></div></td>
                                        <td width="427"><input name="correo" type="text" class="text" id="correo" value="${usuario.correo}" size="22,8" maxlength="30"/>
                                        <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Correo')" /></span></td>
              </tr>
                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Contraseña:</strong></div></td>
                                        <td><input name="clave2" type="password" class="text" id="clave2" value="${usuario.clave}" size="24,8" maxlength="35"/>
                                        <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Clave')" /></span></td>
                                    </tr>
                                    <tr>
                                      <td>&nbsp;</td>
                                      <td>
                                    	  
                                      </td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><input type="button" value="Continuar" onClick="javascript:validar1()"/></td>
                                    </tr>
</table>
                <table width="443" border="0">
                  <tr>
                    <td height="16">&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
            </table>
              </blockquote>
</blockquote>
                        
             </form>

             <h2>Cambio de contraseña</h2>
          <form id="forma4" name="forma4" method="post" onSubmit="javascript:return validar2()" action="olvidoCorreo.html" >
            <div id="transparencia">
			<div id="transparenciaMensaje"></div>
		</div>
            <table width="443" border="0">
                        <tr>
                            <td width="41%">&nbsp;</td>
                        <td width="427">

                                    <tr>
                                        <td width="41%" valign="top"><div align="right" class="style3"><strong>Username:</strong></div></td>
                                        <td width="427"><input name="username2" type="text" class="text" id="username2" value="${usuario.username}" size="22,8" maxlength="35"/>                                          <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Correo')" /></span></td>
                                    </tr>

                                    <tr>
                                        <td valign="top"><div align="right" class="style3"><strong>Contraseña:</strong></div></td>
                                        <td><input name="clave" type="password" class="text" id="clave" value="${usuario.clave}" size="24,8" maxlength="35"/>
                                      <span class="ayuda"><img src="images/ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Clave')" /></span></td>
                                    </tr>

                                    <tr>
                                      <td>&nbsp;</td>
                                      <td>
                                    </td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><input type="button" value="Continuar" onClick="javascript:validar2()"/></td>
                                    </tr>
                          </table>
                <table width="443" border="0">
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
            </table>
              </blockquote>
</blockquote>
                        
          </form>
          </div>
      </div>
      <div class="clear"></div>
      <div id="seas">
        <div id="seas-one"></div>
        <div id="seas-two"></div>
        <div id="seas-three"></div>
        <div class="clear"> </div>
      </div>
    </div>
    <div id="copyright">
      <h5>Copyright &copy; 2010. Company hayTour all rights reserved</h5>
</div>
  </div>
<!-- Capa para mostrar los mensajes de ayuda al presionar los iconos correspondientes -->
<div id="mensajesAyuda">
	<div id="ayudaTitulo"></div>
	<div id="ayudaTexto"></div>
</div>
</body>
</html>